<!DOCTYPE html>
<html>

<head>
  <style>
    #abs {
      position: absolute;
      left: 0px;
      top: 0px;
      background: silver;
      width: 50svw;
      height: 50svh;
    }

    #fixed {
      position: fixed;
      right: 0px;
      top: 0px;
      background: red;
      width: 50svw;
      height: 50svh;
    }

    #spacer {
      height: 1000px;
    }
  </style>
<head>

<body>
  <div id="abs"></div>
  <div id="fixed"></div>
  <div id="spacer"></div>
</body>

</html>
